.net_detail_table_container {
  height: 100%;
  background-color: #fff;
  box-sizing: border-box;
  padding: 12px;
  display: flex;
  flex-direction: column;

  :deep(.el-tabs) {
    max-height: calc(100% - 40px);

    .el-tabs__header {
      margin: 0;
      padding-bottom: 12px;
    }

    .el-tabs__content {
      max-height: calc(100% - 51px);

      .el-tab-pane {
        height: 100%;
        display: flex;
        flex-direction: column;
        row-gap: 12px;

        .table {
          height: 100%;
        }

        .account_manager {
          max-height: 100%;

          .manager {
            display: flex;
            justify-content: center;
            align-items: center;
            column-gap: 3px;

            .icon {
              color: $primaryColor;
              width: 16px;
              height: 16px;
              text-align: center;
              line-height: 15px;
              box-sizing: border-box;
              border: 1px solid $primaryColor;

              .iconfont {
                font-size: 14px;
              }
            }

            .txt {
              color: $primaryColor;
            }
          }

          .disable {
            .icon {
              color: #606266;
              border-color: #606266;
            }

            .txt {
              color: #606266;
            }
          }
        }

        .network-permission-strategy {
          display: flex;
          column-gap: 80px;
          flex-wrap: wrap;
          box-sizing: border-box;
          padding: 0 24px;
          row-gap: 8px;

          .permission {
            display: flex;
            column-gap: 5px;

            .label {
              color: #606266;
              width: 96px;
              text-align: right;
            }

            .value {
              width: 100px;
            }
          }
        }

        .financial-info {
          display: flex;
          column-gap: 72px;
          flex-wrap: wrap;
          box-sizing: border-box;
          padding: 0 24px;
          row-gap: 8px;

          .item {
            display: flex;
            column-gap: 5px;

            .label {
              color: #606266;
              width: 96px;
              text-align: right;
            }

            .value {
              width: 240px;
            }
          }

          // .settle-method {
          // 	.value {
          // 		width: 24px;
          // 	}
          // }

          // .card-holder-name {
          // 	.value {
          // 		width: 60px;
          // 	}
          // }
        }
      }
    }
  }

  .footer {
    padding-top: 12px;
    display: flex;
    justify-content: flex-end;
  }
}
